<template>
  <div class="box">
    <header class="tou">
      <van-search show-action placeholder="搜索商品名称" @click="$router.push('/search')">
        <template #left>
          <van-icon name="flower-o" style="font-size: 20px; color: orange" />
        </template>
        <template #action>
          <van-icon name="contact-o" style="font-size: 20px" />
        </template>
      </van-search>
    </header>
    <main class="zhong">
      <!-- 轮播图 -->
      <Swipe/>
      <van-grid>
        <van-grid-item icon="photo-o" text="米金商场" />
        <van-grid-item icon="photo-o" text="小米众筹" />
        <van-grid-item icon="photo-o" text="手机" />
        <van-grid-item icon="photo-o" text="以旧换新" />
        <van-grid-item icon="photo-o" text="文字" />
        <van-grid-item icon="photo-o" text="文字" />
        <van-grid-item icon="photo-o" text="文字" />
        <van-grid-item icon="photo-o" text="文字" />
      </van-grid>
      <ProList/>
    </main>
  </div>
</template>
<script setup>
import ProList from './components/ProList.vue';
import Swipe from './components/Swipe.vue';
</script>